<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Data Page</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f5f5f5; /* 浅灰色背景 */
            color: #333; /* 深灰色文本 */
        }

        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #1a1a1a; /* 深灰色导航栏背景 */
            padding: 10px 20px;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* 导航栏底部阴影 */
        }

        .logo img {
            max-width: 100%;
            height: auto;
        }

        .data-container {
            padding: 40px;
            text-align: center;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }

        th, td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid #ddd; 
        }

        th {
            background-color: #333; 
            color: #fff; 
        }

        .navigation a {
            color: #ffffff;
            text-decoration: none;
        }

        .navigation a:hover {
            color: #ffcc00;
        }

        .navigation ul li a {
            color: #ffffff;
            text-decoration: none;
        }

        .navigation ul li a:hover {
            color: #ffcc00;
        }

        /* 添加样式以适应小屏幕 */
        @media (max-width: 768px) {
            .header-container {
                flex-direction: column;
                align-items: flex-start;
            }

            .logo {
                margin-bottom: 10px;
            }
        }
    </style>
</head>
<body>

<div class="header-container">
    <div class="logo">
        <img src="../image/logo.png" alt="Logo">
    </div>
    <nav class="navigation">
        <ul>
            <li><a href="../index.html">Home</a></li>
            <li><a href="../web/Introduction.html">Introduction</a></li>
            <li><a href="../web/players.html">Players</a></li>
            <li><a href="../web/news.html">News</a></li>
            <li><a href="../web/data.html">Data</a></li>
        </ul>
    </nav>
</div>

<div class="data-container">
    <h1>Data Page</h1>
    <p>Datas for the players in GSW this season.</p>

    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Time</th>
                <th>Country</th>
                <th>Points</th>
                <th>Rebounds</th>
                <th>Assists</th>
                <th>Field Goal Percentage</th>
                <th>Three Point Percentage</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>斯蒂芬·库里</td>
                <td>33.3</td>
                <td>USA</td>
                <td>29.7</td>
                <td>4.1</td>
                <td>6.2</td>
                <td>47.9%</td>
                <td>43.5%</td>
            </tr>
            <tr>
                <td>2</td>
                <td>克莱·汤普森</td>
                <td>29.4</td>
                <td>USA</td>
                <td>15.3</td>
                <td>3.6</td>
                <td>2.3</td>
                <td>40.4%</td>
                <td>36.4%</td>
            </tr>
            <tr>
                <td>2</td>
                <td>安德鲁·维金斯</td>
                <td>27.4</td>
                <td>Canada</td>
                <td>12.8</td>
                <td>4.4</td>
                <td>1.2</td>
                <td>43.3%</td>
                <td>26.7%</td>
            </tr>
            <tr>
                <td>2</td>
                <td>追梦·格林</td>
                <td>23.3</td>
                <td>USA</td>
                <td>8.7</td>
                <td>5.2</td>
                <td>5.4</td>
                <td>46.9%</td>
                <td>45.8%</td>
            </tr>
            <tr>
                <td>2</td>
                <td>克里斯·保罗</td>
                <td>26.8</td>
                <td>USA</td>
                <td>8.9</td>
                <td>3.6</td>
                <td>7.3</td>
                <td>39.9%</td>
                <td>32.8%</td>
            </tr>
            <tr>
                <td>2</td>
                <td>凯文·鲁尼</td>
                <td>24.1</td>
                <td>USA</td>
                <td>5.9</td>
                <td>8.9</td>
                <td>2.8</td>
                <td>60%</td>
                <td>0%</td>
            </tr>
            <tr>
                <td>2</td>
                <td>达里奥·萨里奇</td>
                <td>21.4</td>
                <td>USA</td>
                <td>10.7</td>
                <td>6.1</td>
                <td>2.3</td>
                <td>45%</td>
                <td>38%</td>
            </tr>
            <tr>
                <td>2</td>
                <td>乔纳森·库明加</td>
                <td>19.8</td>
                <td>Africa</td>
                <td>10.9</td>
                <td>2.9</td>
                <td>0.9</td>
                <td>43.8%</td>
                <td>19.4%</td>
            </tr>
            <tr>
                <td>2</td>
                <td>摩西·穆迪</td>
                <td>17.6</td>
                <td>USA</td>
                <td>7.7</td>
                <td>3.3</td>
                <td>1.1</td>
                <td>49.5%</td>
                <td>38.2%</td>
            </tr>
            <tr>
                <td>2</td>
                <td>加里·佩顿二世</td>
                <td>17.3</td>
                <td>USA</td>
                <td>5.9</td>
                <td>3.1</td>
                <td>0.9</td>
                <td>47.9%</td>
                <td>32.1%</td>
            </tr>
            <tr>
                <td>2</td>
                <td>布兰丁·波杰姆斯基</td>
                <td>16.3</td>
                <td>USA</td>
                <td>6.4</td>
                <td>3.8</td>
                <td>2.2</td>
                <td>43.8%</td>
                <td>40.7%</td>
            <tr>
            <!-- Add more rows as needed -->
        </tbody>
    </table>
</div>

</body>
</html>
